<template>
  <view class="notice">
    <custom title="通知管理"  mode="2" fixed="fixed"></custom>
    <setting-item text="新消息通知" class="mt-20" :hiddenIcon="true">
        <switch slot="right" color="#F4944E" style="transform: scale(0.7)"></switch>
    </setting-item>
    <setting-item text="声音提示" class="mt-20" :hiddenIcon="true">
        <switch slot="right" color="#F4944E" style="transform: scale(0.7)"></switch>
    </setting-item>
    <setting-item text="震动提示" class="mt-20" :hiddenIcon="true">
        <switch slot="right" color="#F4944E" style="transform: scale(0.7)"></switch>
    </setting-item>
    <setting-item text="在通知中显示消息详情" class="mt-20" :hiddenIcon="true">
        <switch slot="right" color="#F4944E" style="transform: scale(0.7)"></switch>
    </setting-item>
  </view>
</template>

<script>
import settingItem from "../../components/setting-item/setting-item.vue";
export default {
    component:{ settingItem }
}
</script>

<style>
page {
    background: #F5F6F7;
}
</style>